/**
 * 定制 App 样式
 */
import { css } from '@emotion/react'
import { colors } from './variables'

/**
 * 全局样式、
 */
export const global = css`
  // reset 样式
  body {
    margin: 0;
    height: 100%;
  }
  #root {
    height: 100%;
  }
  a {
    text-decoration: none;
  }

  // 定制 Ant Design 样式
  :root:root {
    --adm-color-text: rgba(0, 0, 0, 0.88);
  }

  .adm-toast-mask {
    .adm-toast-main-icon {
      background-color: rgba(187, 187, 187, 0.8);
      min-width: 100px;
      padding: 16px 12px;
    }
    .adm-spin-loading {
      --size: 26px;
    }
    .adm-auto-center {
      padding-top: 12px;
    }
  }
`

/**
 * 风格化组件：把以下内容应用到“组件”或“组件内的元素”上，以使其符合特定的样式需求
 */
